<!-- 1 template  -->
<template>

  <h3>APP的内容</h3>



  <div class="child">
    <Wacth1>
    </Wacth1>
  </div>
  <div class="child">
    <Wacth2>
    </Wacth2>
  </div>

  <div class="child">
    <Wacth3>
    </Wacth3>
  </div>
  <div class="child">
    <Wacth4>
    </Wacth4>
  </div>
  <div class="child">
    <Wacth5>
    </Wacth5>
  </div>



</template>

<!-- 2 script -->
<script setup lang="ts" name='App'>
import Wacth1 from "./Watch1.vue";
import Wacth2 from "./Watch2.vue";
import Wacth3 from "./Watch3.vue";
import Wacth4 from "./Watch4.vue";
import Wacth5 from "./Watch5.vue";



</script>

<!-- 3 style -->
<style scoped>
.child {

  border: solid 1px grey;
}
</style>